@charset "utf-8";
.add_qzonefinder{font-size:12px !important;cursor:pointer;height:20px;border-radius:3px;line-height:22px;color:#000;background:#fff;padding:0 3px;-webkit-animation: add_qzonefinder .5s alternate ease-in-out;opacity:1;position: absolute;
	z-index:99999;
	border:1px solid #ccc;
	text-decoration:none;
	font-weight:normal;
}
.add_qzonefinder span{color:#f60;vertical-align: top;line-height:20px;margin:0 3px 0 0;}
@-webkit-keyframes add_qzonefinder {
    0% {
    	opacity:0;
    }
    100% {
    	opacity:1;
    }
}

.hide{visibility:hidden;}
.show{visibility:visible;}
a:focus{outline:none;box-shadow:0 0 4px #f90;}
.popup_qzonefinder{
	font-size:12px;line-height:1.2;
	-webkit-border-radius: 3px;
	-webkit-box-orient: vertical;
	-webkit-user-select:none;
	background:#fff;	
	box-shadow: 0 4px 23px 5px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(0, 0, 0, 0.15);
	color:#333;
	display: -webkit-box;
	width:960px;
	height:440px;	
	padding:0;
	position:fixed;
	top:50%;
	left:50%;
	margin:-220px -480px;
	z-index:99999;
}
.popup_qzonefinder a{color:#333;text-decoration:none;}
.popup_qzonefinder *{margin:0;padding:0;list-style:none;}
.popup_qzonefinder_hd{position:relative;}
.popup_qzonefinder_hd h2{
	color:#333;
	font-size:20px;
	margin:0;
	padding:15px 30px;
	text-shadow:#fff 0 1px 2px;
}
.popup_qzonefinder_close{
	width:24px;
	height:24px;
	background:url(img/btn_close.png) no-repeat 7px 7px;;
	font-size:20px;
	overflow: hidden;
	text-indent:-999px;
	text-align:center;
	right:10px;
	top:10px;	
	position:absolute;
}

.popup_qzonefinder_close:hover{
	background-position:-14px 7px;
}
.popup_qzonefinder_ft{position:absolute;bottom:0;left:0;width:100%;}
.qzmod_tag{
	height:40px;;
	box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1),inset 0 -1px 0 rgba(0, 0, 0, .07);
}
.qzmod_tag h5{padding:0 0 0 14px;}
.qzmod_tag h5,.qzmod_tag ul{float:left;height:30px;line-height:30px;margin:5px 0 0 0;}
.qzmod_tag li{float:left;}
.qzmod_tag a{float:left;height:26px;line-height:28px;margin:0 10px 0 0;padding:1px 6px;}
.qzmod_tag a:hover,
.qzmod_tag a.current{border-radius:3px;border:1px solid #ddd;padding:0 5px;background-image: -webkit-linear-gradient(#F0F0F0, #F0F0F0 38%, #E0E0E0);}
.qzmod_tag a:before{content:'\20';width:16px;height:16px;float:left;margin:5px 3px 0 0;background-size:16px 16px;background-repeat:no-repeat;}
.qzmod_tag a.icon_blog:before{background-image:url(img/icon_blog.png);}
.qzmod_tag a.icon_photo:before{background-image:url(img/icon_photo.png);}
.qzmod_tag a.icon_music:before{background-image:url(img/icon_music.png);}
.qzmod_tag a.icon_tweet:before{background-image:url(img/icon_tweet.png);}

.popup_qzonefinder_cont{position:relative;}
/** 内容区域 **/
.qzmod_itemlist_inner{width:900px;height:350px;overflow:hidden;margin:0 30px;}
.qzmod_itemlist_inner .scroll{width:30000px;height:350px;}
.qzmod_itemlist{position:relative;height:347px;padding:0 0 0 3px;width:897px;float:left;margin-top:3px;margin-right:45px;}
.qzmod_itemlist:after{content:'\20';clear:both;display:block;}
.qzmod_itemlist .item{width:87px;height:107px;position: absolute;}
.qzmod_itemlist.fixed .item{float:left;margin:0px 47px 10px 0;position:relative;} 
.qzmod_itemlist .item:nth-child(7n){margin-right:0;}
.qzmod_itemlist .item .cont{cursor:pointer;display:block;width:75px;height:75px;padding:3px;border:3px solid transparent;}
.qzmod_itemlist .item .cont *{display:block;}
.qzmod_itemlist .item .item_blog,
.qzmod_itemlist .item .item_photo,
.qzmod_itemlist .item .item_music,
.qzmod_itemlist .item .item_tweet{width:75px;height:75px;/*box-shadow:rgba(0, 0, 0, 0.5) 0 1px 2px;*/position:relative;z-index:2;}
.qzmod_itemlist .item .item_blog{background:url(img/icon_blog.png) no-repeat 0 50%;background-size:75px 75px;}
.qzmod_itemlist .item .item_photo{background:url(img/icon_photo.png) no-repeat 50% top;background-size:69px 64px;}
.qzmod_itemlist .item .item_photo:after{content:'\20';display: block;width:75px;height:77px;position: absolute;
z-index:1;border:3px solid #fff;left:-3px;top:-6px;box-shadow:1px 1px 3px rgba(0,0,0,.5);}
.qzmod_itemlist .item .item_music{background:url(img/icon_music.png) no-repeat 0 50%;background-size:69px 69px;}
.qzmod_itemlist .item .item_tweet{background:url(img/icon_tweet.png) no-repeat 0 50%;background-size:75px 75px;}

/* 文件夹 */
.qzmod_itemlist .item .item_folder{width:69px;height:69px;background:#fff;border:3px solid #d4d4d4;border-radius:10px;box-shadow:rgba(0, 0, 0, 0.5) 0 1px 2px;position:relative;}
.qzmod_itemlist .item .item_folder .item_s{width:34px;height:34px;float:left;position:relative;z-index:2;}
.qzmod_itemlist .item .item_folder .item_s i{width:24px;height:24px;float:left;background-repeat:no-repeat;background-size:24px 24px;}
.qzmod_itemlist .item .item_folder .item_s .icon_blog{background-image:url(img/icon_blog.png);}
.qzmod_itemlist .item .item_folder .item_s .icon_photo{}
.qzmod_itemlist .item .item_folder .item_s .icon_music{background-image:url(img/icon_music.png);}
.qzmod_itemlist .item .item_folder .item_s .icon_tweet{background-image:url(img/icon_tweet.png);}
.qzmod_itemlist .item .item_folder .item_s:nth-child(1) i{margin:7px 0 0 6px;}
.qzmod_itemlist .item .item_folder .item_s:nth-child(2) i{margin:7px 0 0 4px;}
.qzmod_itemlist .item .item_folder .item_s:nth-child(3) i{margin:4px 0 0 6px;}
.qzmod_itemlist .item .item_folder .item_s:nth-child(4) i{margin:4px 0 0 4px;}


/* 占位 */
.qzmod_itemlist .item .item_holder{border:1px dashed green;width:74px;height:74px;border-radius:10px;}
.qzmod_itemlist .item .name{display:block;height:20px;line-height:20px;text-shadow: 
rgba(0, 0, 0, 0.3) 1px 2px 1px;text-align:center;width:87px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}


/* 合并时 */
.qzmod_itemlist .item_hover .cont{background:#fff;border-radius:15px;border:3px solid #96c1e8;}
.qzmod_itemlist .item_hover .cont .item_folder{border-color:#fff;box-shadow:none;}
.qzmod_itemlist .item_hover .name{display:none}

/* 提示 */
.qzmod_itemlist .item .item_hint{display:none;position:absolute;z-index:5;
	-webkit-animation: item_hint .5s alternate ease-in-out;opacity:1;}
@-webkit-keyframes item_hint {
    0% {
    	opacity:0;
    }
    100% {
    	opacity:1;
    }
}
.qzmod_itemlist .item .item_hint span{display:none;border:1px solid #d4d4d4;border-radius:6px;padding:10px;background: -webkit-gradient(linear,0 30%,0 100%,from(#fff),to(#ffa));line-height:1.5;max-height:300px;overflow:hidden;}
.qzmod_itemlist .item .item_hint .arrow_left{
	display:none;
	background:#fff;
	-webkit-transform:rotate(-45deg);
	width:8px;height:8px;overflow:hidden;
	position: absolute;top:20px;left:-4px;
	border-top:1px solid #d4d4d4;
	border-left:1px solid #d4d4d4;
}
.qzmod_itemlist .item .item_hint .arrow_right{
	display:none;
	background:#fff;
	-webkit-transform:rotate(135deg);
	width:8px;height:8px;overflow:hidden;
	position: absolute;top:20px;right:-4px;
	border-top:1px solid #d4d4d4;
	border-left:1px solid #d4d4d4;
}
.qzmod_itemlist .item .item_hint .arrow_left.bybtm,
.qzmod_itemlist .item .item_hint .arrow_right.bybtm{
	bottom:20px;top:auto;
	background:#ffc;
}

.qzmod_itemlist .item .item_hint .text{width:240px;}
.qzmod_itemlist .item .item_hint .img{max-width:360px;max-height:360px;}
.qzmod_itemlist .item .item_hint .img img{max-width:360px;border-radius:3px;vertical-align:top;}

.qzmod_itemlist .item .item_hint_music{display:none; background:rgba(0,0,0,.4);z-index:4;width:75px;height:75px;position:absolute;top:6px;left:6px;border-radius:10px;
    -webkit-animation: item_hint_music .5s alternate ease-in-out;
}
.qzmod_itemlist .item .item_hint_music span{display:none;border-radius:30px;width:30px;height:30px;border:2px solid #fff;position:absolute;left:50%;top:50%;margin:-16px;z-index:4;cursor:pointer;background:rgba(0,0,0,0);}
.qzmod_itemlist .item .item_hint_music span .pause{border-left:2px solid #fff;border-right:2px solid #fff;width:6px;display:block;height:12px;position:absolute;top:50%;left:50%;margin:-6px -5px;}
.qzmod_itemlist .item .item_hint_music span .play{
width: 0;
height: 0;
overflow: hidden;
font-size: 0;
display: inline-block;
border-width: 10px;
border-color: transparent transparent transparent #fff;
border-style: dashed dashed dashed solid;
position: absolute;
left:12px;
top:6px;
-webkit-transform:scale(1,0.7);
}
@-webkit-keyframes item_hint_music {
    0% {
       background:rgba(0,0,0,.1)
    }
    100% {
       background:rgba(0,0,0,.4)
    }
}

.qzmod_itemlist .item_over .item_hint,
.qzmod_itemlist .item_over .item_hint span,
.qzmod_itemlist .item_over .item_hint .arrow_left,
.qzmod_itemlist .item_over .item_hint .arrow_right,
.qzmod_itemlist .item_over .item_hint_music,
.qzmod_itemlist .item_over .item_hint_music span,
.qzmod_itemlist .item_over .item_hint_music i{display:block;}

/** 内容分页 **/
.qzmod_itempage{margin:0 15px 0 15px;text-align:center;height:30px;}
.qzmod_itempage a{border-radius:3px;overflow:hidden;display:inline-block;background:#999;text-indent:-999px;width:6px;height:6px;margin:12px 5px;}
.qzmod_itempage a.current{background:#000;}
.qzmod_itempage a:hover{background:#96c1e8;}

/** 内容二分页 **/
.qzmod_itemsubpage a{width:24px;height:200px;display:block;text-align:center;position: absolute;top:50%;cursor:pointer;font-size:0;margin-top:-100px}
.qzmod_itemsubpage a:hover{background:rgba(0,0,0,.1);}
.qzmod_itemsubpage a:hover:after{border-color:#000;}
.qzmod_itemsubpage .prev{left:0;}
.qzmod_itemsubpage .prev:after{content:'\20';display:block;border-top:2px solid #666;border-left:2px solid #666;-webkit-transform:rotate(-45deg);width:10px;height:10px;overflow:hidden;position: absolute;top:50%;left:70%;margin:-5px;}
.qzmod_itemsubpage .next{right:0;}
.qzmod_itemsubpage .next:after{content:'\20';display:block;border-top:2px solid #666;border-left:2px solid #666;-webkit-transform:rotate(135deg);width:10px;height:10px;overflow:hidden;position: absolute;top:50%;right:70%;margin:-5px;}

/** 打开文件夹 **/
.item_open,.item_move{z-index:7;}
.item_open .name,.item_move .name{visibility:hidden;}
.qzmod_itemlist .item_open .item_folder{border-color:#ccc;} 
.popup_qzonefinder_in .mask{background:rgba(0,0,0,.8);position: absolute;left:0;top:0;width:100%;height:100%;
z-index:5;
	-webkit-animation: mask_in 400ms alternate ease;
	-webkit-transform-style:preserve-3d;
}
@-webkit-keyframes mask_out {
    0% {
    	background:rgba(0,0,0,.8)
    }
    100% {
    	background:rgba(0,0,0,.0)
    }
}

@-webkit-keyframes mask_in {
    0% {
    	background:rgba(0,0,0,.0)
    }
    100% {
    	background:rgba(0,0,0,.8);
    	}
}
.popup_qzonefinder_folder{display:none;background:#fff;width:960px;position:absolute;top:140px;left:0;z-index:6;}
.popup_qzonefinder_in .popup_qzonefinder_folder{display: block;}

.popup_qzonefinder_folder .qzmod_itemlist_inner{margin:15px 30px;}
.arrow_up{
	width: 0;
	height: 0;
	overflow: hidden;
	font-size: 0;
	display: inline-block;
	border-width: 20px;
	border-color: transparent transparent #fff transparent;
	border-style: dashed dashed solid dashed;
	position: absolute;
	top:-40px;
	left:100px;
	z-index:1000;
}
.popup_qzonefinder_folder .qzmod_itemlist_inner,
.popup_qzonefinder_folder .qzmod_itemlist_inner .scroll,
.popup_qzonefinder_folder .qzmod_itemlist_inner .qzmod_itemlist{height:240px}

.popup_qzonefinder_folder .qzmod_itemlist_inner{
	-webkit-animation: qzmod_itemlist_inner 400ms alternate ease;height:240px;-webkit-transform-style:preserve-3d;
}
.popup_qzonefinder_folder_close{
	-webkit-animation: qzmod_itemlist_inner_close 400ms alternate ease;height:0;-webkit-transform-style:preserve-3d;
	overflow: hidden;
}
@-webkit-keyframes qzmod_itemlist_inner_close {
    0% {
       height:240px;
    }
    100% {
    	height:0;
    }
}
@-webkit-keyframes qzmod_itemlist_inner {
    0% {
       height:0;
    }
    100% {
    	height:240px;
    }
}
